<template>
  <div>
    <div class="dashboard-container">
      

      <div class="big-back-box">
        <div class="top">我的认证</div>
      <div style="height: 20px"></div>
        <el-card class="box-card" style="margin: 0 auto; width: 650px">

          <!-- 列表 -->
          <el-table :data="tableData" border style="width: 100%;">
            <el-table-column fixed prop="legalAid" label="法律求助资质" width="150">
            </el-table-column>
            <el-table-column prop="companyService" label="公司服务资质" width="150">
            </el-table-column>
            <el-table-column prop="qualificationCertificate" label="资质证照资质" width="150">
            </el-table-column>
            <el-table-column prop="qualityOrganization" label="优秀机构" width="156">
            </el-table-column>
            <!-- <el-table-column fixed="right" label="操作" width="100">
              <template slot-scope="scope">
                <el-button
                  @click="handleClick(scope.row)"
                  type="text"
                  size="small"
                  >查看</el-button
                >
                <el-button type="text" size="small">编辑</el-button>
              </template>
            </el-table-column> -->
          </el-table>
        </el-card>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 搜索
      formInline: {
        user: "",
        region: "",
      },
      //   列表
      tableData: [
        {
          legalAid: "yes",
          companyService: "yes",
          qualificationCertificate: "yes",
          qualityOrganization: "yes",
        },
      ],
    };
  },
  methods: {
    onSubmit() {
      console.log("submit!");
    },
    handleClick(row) {
      console.log(row);
    },
  },
};
</script>

<style lang="scss" scoped>
// 页头LOGO
.top {
  height: 50px;
  font-size: 30px;
  text-align: center;
  line-height: 50px;
}

// 大盒子
.big-back-box {
  width: 1080px;
  margin: 0 auto;
}

// 原框架自带
.dashboard {
  &-container {
    margin-top: 30px;
    // margin-left: 30px;
    // margin-right: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>